import React, {Component} from 'react';
import {Button, Row, Tabs, Input, Modal, Spin} from 'antd';
import WrapperGroupTable from '../common/wrapper-group-table';

const TabPane = Tabs.TabPane;

const outerData = {
    "titleInfo": [
        {
            "field": "PRODUCTNAME",
            "align": "center",
            "name": "业态/楼栋",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ISHAVEPROPERTYNAME",
            "align": "center",
            "name": "是否有产权",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ISDECORATIONNAME",
            "align": "center",
            "name": "是否精装",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "STOREYHEIGHTNAME",
            "align": "center",
            "name": "层高属性",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "STANDARDFLOORHEIGHT",
            "align": "center",
            "name": "标准层层高(m)",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "",
            "align": "center",
            "name": "总建筑面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALBUILDINGAREA",
                    "align": "center",
                    "name": "总面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERBUILDINGAREA",
                    "align": "center",
                    "name": "地上",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERBUILDINGAREA",
                    "align": "center",
                    "name": "地下",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "实际建筑面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "总实际面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "地上",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "地下",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "可租售面积（㎡/个）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALRENTALSALEAREA",
                    "align": "center",
                    "name": "总可租售面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "TOTALSALEAREA",
                    "align": "center",
                    "name": "总可售面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERSALEAREA",
                    "align": "center",
                    "name": "地上—可售",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERSALEAREA",
                    "align": "center",
                    "name": "地下—可售",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "TOTALRENTALAREA",
                    "align": "center",
                    "name": "总可租面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERRENTALAREA",
                    "align": "center",
                    "name": "地上—可租",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERRENTALAREA",
                    "align": "center",
                    "name": "地下—可租",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "非可租售面积（㎡/个）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALUNRENTALSALEAREA",
                    "align": "center",
                    "name": "总非可租售面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERUNRENTALSALEAREA",
                    "align": "center",
                    "name": "地上—非可租售",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERUNRENTALSALEAREA",
                    "align": "center",
                    "name": "地下—非可租售",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "赠送面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALGIFTAREA",
                    "align": "center",
                    "name": "总赠送面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERGIFTAREA",
                    "align": "center",
                    "name": "地上赠送",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERGIFTAREA",
                    "align": "center",
                    "name": "地下赠送",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "批量精装修",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "FINEHOUSEAREA",
                    "align": "center",
                    "name": "批量精装修套内面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "FINEBUILDAREA_ACT",
                    "align": "center",
                    "name": "精装修对应实际建筑面积",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "FINEDECORATIONNUM",
                    "align": "center",
                    "name": "精装修户数",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "层数",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALFLOOR",
                    "align": "center",
                    "name": "小计",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERFLOOR",
                    "align": "center",
                    "name": "地上层数",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERFLOOR",
                    "align": "center",
                    "name": "地下层数",
                    "width": 0,
                    "edit": null,
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "APARTMENTNUM",
            "align": "center",
            "name": "单元数",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ELEVATORNUM",
            "align": "center",
            "name": "电梯数",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "AVGHOUSEAREA",
            "align": "center",
            "name": "销售单位平均可售面积(㎡)",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "HOUSENUM",
            "align": "center",
            "name": "住宅户数",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "VILLACARPORTNUM",
            "align": "center",
            "name": "别墅车库门数量（个）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "BUILDINGBASEAREA",
            "align": "center",
            "name": "建筑物基底面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "PRODUCTTYPEAREA",
            "align": "center",
            "name": "各产品形态用地面积(㎡)",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": null
        }
    ],
    "areadataInfo": [
        {
            "KEY": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "PRODUCTNAME": "地块A",
            "PARENTID": "0",
            "PATH": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "LANDID": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "PRODUCTTYPEID": null,
            "BUILDID": null,
            "BUILDNAME": null,
            "PSVERSIONID": null,
            "ISHAVEPROPERTY": 0,
            "ISHAVEPROPERTYNAME": null,
            "ISDECORATION": 0,
            "ISDECORATIONNAME": null,
            "STOREYHEIGHT": 0,
            "STOREYHEIGHTNAME": null,
            "STANDARDFLOORHEIGHT": null,
            "TOTALBUILDINGAREA": 333.0,
            "UPPERBUILDINGAREA": 111.0,
            "UNDERBUILDINGAREA": 222.0,
            "TOTALBUILDINGAREA_ACT": 777.0,
            "UPPERBUILDINGAREA_ACT": 333.0,
            "UNDERBUILDINGAREA_ACT": 444.0,
            "TOTALRENTALSALEAREA": 10.0,
            "TOTALSALEAREA": 3.0,
            "UPPERSALEAREA": 1.0,
            "UNDERSALEAREA": 2.0,
            "TOTALRENTALAREA": 7.0,
            "UPPERRENTALAREA": 3.0,
            "UNDERRENTALAREA": 4.0,
            "TOTALUNRENTALSALEAREA": 11.0,
            "UPPERUNRENTALSALEAREA": 5.0,
            "UNDERUNRENTALSALEAREA": 6.0,
            "TOTALGIFTAREA": 15.0,
            "UPPERGIFTAREA": 7.0,
            "UNDERGIFTAREA": 8.0,
            "FINEDECORATIONNUM": 2.0,
            "TOTALFLOOR": 7.0,
            "UPPERFLOOR": 3.0,
            "UNDERFLOOR": 4.0,
            "APARTMENTNUM": 5.0,
            "ELEVATORNUM": 6.0,
            "AVGHOUSEAREA": 7.0,
            "HOUSENUM": 8.0,
            "VILLACARPORTNUM": 9.0,
            "BUILDINGBASEAREA": 1.0,
            "LevelId": 1
        },
        {
            "KEY": "02bd03ac-44d0-47ac-afb6-e8abf76fdf37",
            "PRODUCTNAME": "多层",
            "PARENTID": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "PATH": "5ca12bd8-de8c-c6d1-fb0a-990d61236065||02bd03ac-44d0-47ac-afb6-e8abf76fdf37",
            "LANDID": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "PRODUCTTYPEID": "F1530E3A61CC4757B507D1BEA5EAEE64",
            "BUILDID": null,
            "BUILDNAME": null,
            "PSVERSIONID": null,
            "ISHAVEPROPERTY": 1,
            "ISHAVEPROPERTYNAME": "仅包含有产权",
            "ISDECORATION": 1,
            "ISDECORATIONNAME": "全部精装",
            "STOREYHEIGHT": 1,
            "STOREYHEIGHTNAME": "平层",
            "STANDARDFLOORHEIGHT": null,
            "TOTALBUILDINGAREA": 333.0,
            "UPPERBUILDINGAREA": 111.0,
            "UNDERBUILDINGAREA": 222.0,
            "TOTALBUILDINGAREA_ACT": 777.0,
            "UPPERBUILDINGAREA_ACT": 333.0,
            "UNDERBUILDINGAREA_ACT": 444.0,
            "TOTALRENTALSALEAREA": 10.0,
            "TOTALSALEAREA": 3.0,
            "UPPERSALEAREA": 1.0,
            "UNDERSALEAREA": 2.0,
            "TOTALRENTALAREA": 7.0,
            "UPPERRENTALAREA": 3.0,
            "UNDERRENTALAREA": 4.0,
            "TOTALUNRENTALSALEAREA": 11.0,
            "UPPERUNRENTALSALEAREA": 5.0,
            "UNDERUNRENTALSALEAREA": 6.0,
            "TOTALGIFTAREA": 15.0,
            "UPPERGIFTAREA": 7.0,
            "UNDERGIFTAREA": 8.0,
            "FINEDECORATIONNUM": 2.0,
            "TOTALFLOOR": 7.0,
            "UPPERFLOOR": 3.0,
            "UNDERFLOOR": 4.0,
            "APARTMENTNUM": 5.0,
            "ELEVATORNUM": 6.0,
            "AVGHOUSEAREA": 7.0,
            "HOUSENUM": 8.0,
            "VILLACARPORTNUM": 9.0,
            "BUILDINGBASEAREA": 1.0,
            "LevelId": 2
        },
        {
            "KEY": "ff9b3e2e-74d3-08ff-2181-a6535f043f69",
            "PRODUCTNAME": "地块B",
            "PARENTID": "0",
            "PATH": "ff9b3e2e-74d3-08ff-2181-a6535f043f69",
            "LANDID": "ff9b3e2e-74d3-08ff-2181-a6535f043f69",
            "PRODUCTTYPEID": null,
            "BUILDID": null,
            "BUILDNAME": null,
            "PSVERSIONID": null,
            "ISHAVEPROPERTY": 0,
            "ISHAVEPROPERTYNAME": null,
            "ISDECORATION": 0,
            "ISDECORATIONNAME": null,
            "STOREYHEIGHT": 0,
            "STOREYHEIGHTNAME": null,
            "STANDARDFLOORHEIGHT": null,
            "TOTALBUILDINGAREA": 3.0,
            "UPPERBUILDINGAREA": 1.0,
            "UNDERBUILDINGAREA": 2.0,
            "TOTALBUILDINGAREA_ACT": 0.0,
            "UPPERBUILDINGAREA_ACT": 0.0,
            "UNDERBUILDINGAREA_ACT": 0.0,
            "TOTALRENTALSALEAREA": 0.0,
            "TOTALSALEAREA": 0.0,
            "UPPERSALEAREA": 0.0,
            "UNDERSALEAREA": 0.0,
            "TOTALRENTALAREA": 0.0,
            "UPPERRENTALAREA": 0.0,
            "UNDERRENTALAREA": 0.0,
            "TOTALUNRENTALSALEAREA": 0.0,
            "UPPERUNRENTALSALEAREA": 0.0,
            "UNDERUNRENTALSALEAREA": 0.0,
            "TOTALGIFTAREA": 0.0,
            "UPPERGIFTAREA": 0.0,
            "UNDERGIFTAREA": 0.0,
            "FINEDECORATIONNUM": 0.0,
            "TOTALFLOOR": 0.0,
            "UPPERFLOOR": 0.0,
            "UNDERFLOOR": 0.0,
            "APARTMENTNUM": 0.0,
            "ELEVATORNUM": 0.0,
            "AVGHOUSEAREA": 0.0,
            "HOUSENUM": 0.0,
            "VILLACARPORTNUM": 0.0,
            "BUILDINGBASEAREA": 0.0,
            "LevelId": 1
        },
        {
            "KEY": "8eeb03ae-ec5e-4438-a7e7-e7804cc7fbf3",
            "PRODUCTNAME": "高层",
            "PARENTID": "ff9b3e2e-74d3-08ff-2181-a6535f043f69",
            "PATH": "ff9b3e2e-74d3-08ff-2181-a6535f043f69||8eeb03ae-ec5e-4438-a7e7-e7804cc7fbf3",
            "LANDID": "ff9b3e2e-74d3-08ff-2181-a6535f043f69",
            "PRODUCTTYPEID": "CAC180938A2B44D7B53DEBE8B7168A43",
            "BUILDID": null,
            "BUILDNAME": null,
            "PSVERSIONID": null,
            "ISHAVEPROPERTY": 2,
            "ISHAVEPROPERTYNAME": "仅包含无产权",
            "ISDECORATION": 2,
            "ISDECORATIONNAME": "全部毛坯",
            "STOREYHEIGHT": 2,
            "STOREYHEIGHTNAME": "跃层",
            "STANDARDFLOORHEIGHT": null,
            "TOTALBUILDINGAREA": 3.0,
            "UPPERBUILDINGAREA": 1.0,
            "UNDERBUILDINGAREA": 2.0,
            "TOTALBUILDINGAREA_ACT": 0.0,
            "UPPERBUILDINGAREA_ACT": 0.0,
            "UNDERBUILDINGAREA_ACT": 0.0,
            "TOTALRENTALSALEAREA": 0.0,
            "TOTALSALEAREA": 0.0,
            "UPPERSALEAREA": 0.0,
            "UNDERSALEAREA": 0.0,
            "TOTALRENTALAREA": 0.0,
            "UPPERRENTALAREA": 0.0,
            "UNDERRENTALAREA": 0.0,
            "TOTALUNRENTALSALEAREA": 0.0,
            "UPPERUNRENTALSALEAREA": 0.0,
            "UNDERUNRENTALSALEAREA": 0.0,
            "TOTALGIFTAREA": 0.0,
            "UPPERGIFTAREA": 0.0,
            "UNDERGIFTAREA": 0.0,
            "FINEDECORATIONNUM": 0.0,
            "TOTALFLOOR": 0.0,
            "UPPERFLOOR": 0.0,
            "UNDERFLOOR": 0.0,
            "APARTMENTNUM": 0.0,
            "ELEVATORNUM": 0.0,
            "AVGHOUSEAREA": 0.0,
            "HOUSENUM": 0.0,
            "VILLACARPORTNUM": 0.0,
            "BUILDINGBASEAREA": 0.0,
            "LevelId": 2
        }
    ]
};
const innerData = {
    "productTypeTitleInfo": [
        {
            "field": "PRODUCTNAME",
            "align": "center",
            "name": "业态/楼栋",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ISHAVEPROPERTYNAME",
            "align": "center",
            "name": "是否有产权",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ISDECORATIONNAME",
            "align": "center",
            "name": "是否精装",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "STOREYHEIGHTNAME",
            "align": "center",
            "name": "层高属性",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "STANDARDFLOORHEIGHT",
            "align": "center",
            "name": "标准层层高(m)",
            "width": 0,
            "edit": "+r",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "",
            "align": "center",
            "name": "总建筑面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALBUILDINGAREA",
                    "align": "center",
                    "name": "总面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": "{UPPERBUILDINGAREA}+{UNDERBUILDINGAREA}",
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERBUILDINGAREA",
                    "align": "center",
                    "name": "地上",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERBUILDINGAREA",
                    "align": "center",
                    "name": "地下",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "实际建筑面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "总实际面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": "{UPPERBUILDINGAREA_ACT}+{UNDERBUILDINGAREA_ACT}",
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "地上",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERBUILDINGAREA_ACT",
                    "align": "center",
                    "name": "地下",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "可租售面积（㎡/个）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALRENTALSALEAREA",
                    "align": "center",
                    "name": "总可租售面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "TOTALSALEAREA",
                    "align": "center",
                    "name": "总可售面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERSALEAREA",
                    "align": "center",
                    "name": "地上—可售",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERSALEAREA",
                    "align": "center",
                    "name": "地下—可售",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "TOTALRENTALAREA",
                    "align": "center",
                    "name": "总可租面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERRENTALAREA",
                    "align": "center",
                    "name": "地上—可租",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERRENTALAREA",
                    "align": "center",
                    "name": "地下—可租",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "非可租售面积（㎡/个）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALUNRENTALSALEAREA",
                    "align": "center",
                    "name": "总非可租售面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERUNRENTALSALEAREA",
                    "align": "center",
                    "name": "地上—非可租售",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERUNRENTALSALEAREA",
                    "align": "center",
                    "name": "地下—非可租售",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "赠送面积（㎡）",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALGIFTAREA",
                    "align": "center",
                    "name": "总赠送面积",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERGIFTAREA",
                    "align": "center",
                    "name": "地上赠送",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERGIFTAREA",
                    "align": "center",
                    "name": "地下赠送",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "批量精装修",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "FINEHOUSEAREA",
                    "align": "center",
                    "name": "批量精装修套内面积",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "FINEBUILDAREA_ACT",
                    "align": "center",
                    "name": "精装修对应实际建筑面积",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "FINEDECORATIONNUM",
                    "align": "center",
                    "name": "精装修户数",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "",
            "align": "center",
            "name": "层数",
            "width": 0,
            "edit": null,
            "exec": null,
            "regExps": null,
            "children": [
                {
                    "field": "TOTALFLOOR",
                    "align": "center",
                    "name": "小计",
                    "width": 0,
                    "edit": "+r",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UPPERFLOOR",
                    "align": "center",
                    "name": "地上层数",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                },
                {
                    "field": "UNDERFLOOR",
                    "align": "center",
                    "name": "地下层数",
                    "width": 0,
                    "edit": "+w",
                    "exec": null,
                    "regExps": null,
                    "children": null
                }
            ]
        },
        {
            "field": "APARTMENTNUM",
            "align": "center",
            "name": "单元数",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "ELEVATORNUM",
            "align": "center",
            "name": "电梯数",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "AVGHOUSEAREA",
            "align": "center",
            "name": "销售单位平均可售面积(㎡)",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "HOUSENUM",
            "align": "center",
            "name": "住宅户数",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "VILLACARPORTNUM",
            "align": "center",
            "name": "别墅车库门数量（个）",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "BUILDINGBASEAREA",
            "align": "center",
            "name": "建筑物基底面积（㎡）",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        },
        {
            "field": "PRODUCTTYPEAREA",
            "align": "center",
            "name": "各产品形态用地面积(㎡)",
            "width": 0,
            "edit": "+w",
            "exec": null,
            "regExps": null,
            "children": null
        }
    ],
    "productTypeDataInfo": [
        {
            "KEY": "02bd03ac-44d0-47ac-afb6-e8abf76fdf37",
            "PRODUCTNAME": "多层",
            "PARENTID": null,
            "PATH": null,
            "LANDID": "5ca12bd8-de8c-c6d1-fb0a-990d61236065",
            "PRODUCTTYPEID": "F1530E3A61CC4757B507D1BEA5EAEE64",
            "BUILDID": null,
            "BUILDNAME": null,
            "PSVERSIONID": "0fd99cd7-8a12-8c7f-d893-8520db3a298e",
            "ISHAVEPROPERTY": 1,
            "ISHAVEPROPERTYNAME": "仅包含有产权",
            "ISDECORATION": 1,
            "ISDECORATIONNAME": "全部精装",
            "STOREYHEIGHT": 1,
            "STOREYHEIGHTNAME": "平层",
            "STANDARDFLOORHEIGHT": null,
            "TOTALBUILDINGAREA": 333.0,
            "UPPERBUILDINGAREA": 111.0,
            "UNDERBUILDINGAREA": 222.0,
            "TOTALBUILDINGAREA_ACT": 777.0,
            "UPPERBUILDINGAREA_ACT": 333.0,
            "UNDERBUILDINGAREA_ACT": 444.0,
            "TOTALRENTALSALEAREA": 10.0,
            "TOTALSALEAREA": 3.0,
            "UPPERSALEAREA": 1.0,
            "UNDERSALEAREA": 2.0,
            "TOTALRENTALAREA": 7.0,
            "UPPERRENTALAREA": 3.0,
            "UNDERRENTALAREA": 4.0,
            "TOTALUNRENTALSALEAREA": 11.0,
            "UPPERUNRENTALSALEAREA": 5.0,
            "UNDERUNRENTALSALEAREA": 6.0,
            "TOTALGIFTAREA": 15.0,
            "UPPERGIFTAREA": 7.0,
            "UNDERGIFTAREA": 8.0,
            "FINEDECORATIONNUM": 2.0,
            "TOTALFLOOR": 7.0,
            "UPPERFLOOR": 3.0,
            "UNDERFLOOR": 4.0,
            "APARTMENTNUM": 5.0,
            "ELEVATORNUM": 6.0,
            "AVGHOUSEAREA": 7.0,
            "HOUSENUM": 8.0,
            "VILLACARPORTNUM": 9.0,
            "BUILDINGBASEAREA": 1.0,
            "LevelId": 0
        }
    ],
};

class FixedTableDemo extends Component {
    state = {
        show: false,
        loading: false,
    };

    handleOpen = () => {
        this.setState({
            show: true,
            loading: true,
        });
        setTimeout(() => {
            this.setState({
                loading: false,
            });
        }, 500)
    };

    handleSave = () => {
        this.setState({
            show: false,
            loading: false,
        });
    };

    handleCancel = () => {
        this.setState({
            show: false,
            loading: false,
        });
    };

    renderModalTable = () => {
        const {show, loading} = this.state;
        if (!show) {
            return null;
        }

        return (
            <Modal
                visible={true}
                title="标题"
                maskClosable={false}
                onCancel={this.handleCancel}
                width="90%"
                footer={[
                    <Button key="save" type="primary" size="large" onClick={this.handleSave}>
                        保存
                    </Button>,
                    <Button key="cancel" type="primary" size="large" onClick={this.handleCancel}>
                        取消
                    </Button>,
                ]}
            >
                <Spin size="large" spinning={loading}>
                    <WrapperGroupTable
                        key="group-table-2"
                        headerData={innerData.productTypeTitleInfo}
                        dataSource={innerData.productTypeDataInfo}
                        rowKey="KEY"
                        fixedAble={true}
                    />
                </Spin>
            </Modal>
        );
    };

    render() {
        const {loading} = this.state;
        const panelArray = [];
        panelArray.push(
            <TabPane tab="tab1" key="tab1">asdfasdfasd</TabPane>
        );
        panelArray.push(
            <TabPane tab="tab2" key="tab2">
                <WrapperGroupTable
                    key="group-table-1"
                    headerData={outerData.titleInfo}
                    dataSource={outerData.areadataInfo}
                    rowKey="KEY"
                    fixedAble={true}
                />
            </TabPane>
        );
        return (
            <div>
                <Spin size="large" spinning={loading}>
                    <Row><Button onClick={this.handleOpen}>打开</Button></Row>
                    <Tabs defaultActiveKey="tab1"
                          animated={false}>
                        {panelArray}
                    </Tabs>
                    {this.renderModalTable()}
                </Spin>
            </div>
        );
    };
}

export default FixedTableDemo;